﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>electman - Electrician HTML Template | Home Page 01</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Color File -->
<link href="css/color.css" rel="stylesheet">
<!-- Responsive File -->
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"><div class="icon"></div></div>

    <!-- Main Header -->
    <header class="main-header header-style-one inner-page-header">
        <!-- Header Top -->
        <div class="header-top header-top-one">
            <div class="auto-container">
				<div class="inner clearfix">
                    <div class="top-left clearfix">
                        <div class="top-text">We are Open Everyday at 09:00 am - 10:00 pm</div>
                    </div>
    
                    <div class="top-right clearfix">
                        <div class="email">
                            <a href="mailto:support@domain.com">Email: ourcomply@mail.com</a>
                        </div>
                        <ul class="social-links clearfix">
                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                            <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- Header Upper -->
        <div class="header-main-box">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="upper-row clearfix">
                        <!--Logo-->
                        <div class="logo-box">
                            <div class="logo"><a href="index.html" title="electman - Electrician HTML Template">
							<span class="logo_bolt"><img src="images/bolt.gif" alt="Electrician"></span>
							<img src="images/logo.png" alt="electman - Electrician HTML Template" title="electman - Electrician HTML Template">
							
							
							</a></div>
                        </div>
                        <div class="right-info clearfix">
                            <!--Info-->
                            <div class="info clearfix">
                                <!--Info Block-->
                                <div class="info-block">
                                    <div class="icon-box">
                                        <span class="icon">
                                            <img src="images/icons/icon-call-1.png" alt="">
                                        </span>
                                    </div>
                                    <strong>Toll Free Call</strong>
                                    <div class="info-text">
                                        <a href="#">(+357) 964587</a>
                                    </div>
                                </div>
                                <!--Info Block-->
                                <div class="info-block">
                                    <div class="icon-box">
                                        <span class="icon fa fa-home">
                                            
                                        </span>
                                    </div>
                                    <strong>Our New Address</strong>
                                    <div class="info-text">55/3 Brooklyn, London</div>
                                </div>
                            </div>
                            <!--Link Box-->
                            <div class="link-box">
                                <a href="contact.html" class="theme-btn btn-style-one"><div class="btn-title"><span class="btn-txt">Free Consultation</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                            </div>
                        </div>
                        
                    </div>

                    <div class="lower-row">
                        <!--Nav Box-->
                        <div class="nav-box clearfix">
                            <div class="nav-outer clearfix">
                                <!--Mobile Navigation Toggler-->
                                <div class="mobile-nav-toggler"><span class="icon flaticon-menu-1"></span></div>

                                <!-- Main Menu -->
                                <nav class="main-menu navbar-expand-md navbar-light">
                                    <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                        <ul class="navigation clearfix">
                                            <li class="current"><a href="index.html">Home</a>
                                            </li>
                                            <li class="dropdown"><a href="about.html">About Us</a>
                                            <ul>
                                                <li><a href="about.html">About Us</a></li>
												<li><a href="team.html">Our Team</a></li>
												<li><a href="pricing.html">Our Pricing</a></li>
												<li><a href="whyus.html">Why Choose Us</a></li>
												<li><a href="testimonials.html">Testimonials</a></li>
												<li><a href="faqs.html">FAQ's</a></li>
												
                                            </ul>
                                        </li>
                                            <li class="dropdown"><a href="services.html">Services</a>
                                                <ul>
                                                    <li><a href="services.html">All Services</a></li>
                                                    <li><a href="serdetails1.html">Electrical Repairs</a></li>
                                                    <li><a href="serdetails2.html">Lighting Upgrades</a></li>
                                                    <li><a href="serdetails3.html">Surge Protection</a></li>
                                                    <li><a href="serdetails4.html">Install a Ceiling Fan</a></li>
                                                    <li><a href="serdetails5.html">Digital Thermostat </a></li>
                                                    <li><a href="serdetails6.html">Baseboard Heating </a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a href="projects.html">Projects</a>
											<ul>
                                                    <li><a href="projects.html">Projects Style 01</a></li>
													<li><a href="projects2.html">Projects Style 02</a></li>
													<li><a href="projectdetails.html">Projects Details</a></li>
                                                   
                                                </ul>
											
											</li>
											<li><a href="shop.html">Shop
											</a></li>
                                            <li class="dropdown"><a href="blog.html">News</a>
                                                <ul>
                                                    <li><a href="blog.html">Our News Blog</a></li>
                                                    <li><a href="blog-single.html"> Post Details</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">Contact
											</a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>

                            <!--Search Btn-->
                            <div class="search-btn">
                                <button type="button" class="theme-btn search-toggler"><span class="fa fa-search"></span></button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End Header Upper-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html" title=""><img src="images/logo_small.png" alt="" title=""></a>
                </div>
                <!--Right Col-->
                <div class="pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu clearfix">
                        <!--Keep This Empty / Menu will come through Javascript-->
                    </nav><!-- Main Menu End-->
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-cancel"></span></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="images/nav-logo.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				<!--Social Links-->
				<div class="social-links">
					<ul class="clearfix">
						<li><a href="#"><span class="fab fa-twitter"></span></a></li>
						<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
						<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
						<li><a href="#"><span class="fab fa-instagram"></span></a></li>
						<li><a href="#"><span class="fab fa-youtube"></span></a></li>
					</ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->
    </header>
    <!-- End Main Header -->

    <!--Search Popup-->
    <div id="search-popup" class="search-popup">
        <div class="close-search theme-btn"><span class="flaticon-cancel"></span></div>
        <div class="popup-inner">
            <div class="overlay-layer"></div>
            <div class="search-form">
                <form method="post" action="index.html">
                    <div class="form-group">
                        <fieldset>
                            <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required >
                            <input type="submit" value="Search Now!" class="theme-btn">
                        </fieldset>
                    </div>
                </form>
                
                <br>
                <h3>Recent Search Keywords</h3>
                <ul class="recent-searches">
                    <li><a href="#">Finance</a></li>
                    <li><a href="#">Idea</a></li>
                    <li><a href="#">Service</a></li>
                    <li><a href="#">Growth</a></li>
                    <li><a href="#">Plan</a></li>
                </ul>            
            </div>            
        </div>
    </div>


    <!-- Banner Section -->
    <section class="banner-section banner-one">
		<div class="banner-carousel strnix-carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 0, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 300, "responsive":{ "0" :{ "items": "1" }, "768" :{ "items" : "1" } , "1000":{ "items" : "1" }}}'>
			<!-- Slide Item -->
			<div class="slide-item">
				<div class="image-layer" style="background-image:url('images/slider/s4.jpg')"></div>
				<div class="auto-container">
					<div class="content-box">
                        <div class="content">
                            <div class="inner">
								<div class="sub-title">We are Since 1999</div>
        							<h1> We’re the Electricity & Fixing 
Specialist!</h1>
        						<div class="links-box"><a href="contact.html" class="theme-btn btn-style-one"><div class="btn-title"><span class="btn-txt">What We Offers</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a></div>
                            </div>
                        </div>
					</div>  
				</div>
			</div>
			<div class="slide-item">
				<div class="image-layer" style="background-image:url('images/slider/s5.jpg')"></div>

				<div class="auto-container">
					<div class="content-box">
                        <div class="content">
                            <div class="inner">
								<div class="sub-title">We are Since 1999</div>
								
								
        							<h1> We’re the Electricity & Fixing 
Specialist!</h1>
        						<div class="links-box"><a href="contact.html" class="theme-btn btn-style-one"><div class="btn-title"><span class="btn-txt">What We Offers</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a></div>
                            </div>
                        </div>
					</div>  
				</div>
			</div>
			<div class="slide-item">
				<div class="image-layer" style="background-image:url('images/slider/s6.jpg')"></div>

				<div class="auto-container">
					<div class="content-box">
                        <div class="content">
                            <div class="inner">
								<div class="sub-title">We are Since 1999</div>
								
        						<h1> We’re the Electricity & Fixing 
Specialist!</h1>
        						<div class="links-box"><a href="contact.html" class="theme-btn btn-style-one"><div class="btn-title"><span class="btn-txt">What We Offers</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a></div>
                            </div>
                        </div>
					</div>  
				</div>
			</div>

			
			

		</div>
    </section>
    <!--End Banner Section -->

	<!--About Section-->
    <section class="about-section-one">
        <div class="auto-container">
        <div class="left-image2">
        	<div class="image">
            	<img src="images/main/b3.png" alt="">
            </div>
        </div>
		<div class="right-image1">
        	<div class="image">
            	<img src="images/main/service-right-icon.png" alt="">
            </div>
        </div>
			<div class="row clearfix">
            	<!--Image Column-->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="image-box">
                            <figure class="image wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="2000ms"><img src="images/main/s2.jpg" alt=""></figure>
                            <figure class="image-two wow fadeInRight" data-wow-delay="0ms"  data-wow-duration="2000ms">
                                <img src="images/main/s1.jpg" alt=""></figure>
                        </div>
                    </div>
                </div>
                <div class="text-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner">
                        <div class="sec-title wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="1000ms">
                            <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>About Us 
							</div>
                            <h2>Advanced Electrical Solutions</h2>
                            <div class="subtitle">We are locally owned and operated to our services</div>
                            <div class="bottom-dots clearfix">
                                <span class="dot line-dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                            </div>
                        </div>
                        <div class="text-content wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="1000ms">
                            <p>Our electricians can install anything from new security lighting for your outdoors to a whole home generator that will keep your appliances working during a power outage. Our installation services are always done promptly and safely.</p>
                         <div class="features_list">
                            <ul class="ftext">
                                <li><span class="gap-icon icon-Wrench"></span>Full-service electrical layout, design</li>
                                <li><span class="gap-icon icon-Starship2"></span>Wiring and installation/upgrades</li>
                                <li><span class="gap-icon icon-WorldGlobe"></span> Emergency power solutions (generators)</li>
                            </ul>
                        </div>
                        </div>
                        <div class="featured-list">
                            <ul class="clearfix">
                                <li class=" wow fadeInUp" data-wow-delay="0ms"  data-wow-duration="2000ms">
                                    <div class="icon"><span class="logo_icon"><img src="images/icons/icon-3.png" alt="current"></span>
							         </div>
                                    <div class="title">Save energy <br>for world</div>
                                </li>
                                <li class=" wow fadeInUp" data-wow-delay="300ms"  data-wow-duration="2000ms">
                                    <div class="icon"><span class="logo_icon"><img src="images/icons/icon-2.png" alt="current"></span>
							         </div>
                                    <div class="title">residentials <br>solutions</div>
                                </li>
                                <li class=" wow fadeInUp" data-wow-delay="600ms"  data-wow-duration="2000ms">
                                    <div class="icon"><span class="logo_icon"><img src="images/icons/icon-1.png" alt="current"></span>
							         </div>
                                    <div class="title">get energy <br>forests</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        
    </section>

    <!--Programs Section-->
    <section class="programs-section-one">
        <div class="bg-pattern-layer"></div>

        <div class="auto-container">
            <div class="sec-title centered wow fadeInUp" data-wow-delay="0ms"  data-wow-duration="2000ms">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span> Programs</div>
                <h2>Comprehensive Programs</h2>
                
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>

            <div class="program-carousel strnix-carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 30, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 500, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "2" }, "768" :{ "items" : "2" }, "1024":{ "items" : "3" }, "1200":{ "items" : "4" }}}'>
                <!--Program Block-->
                <div class="program-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/main/5.jpg" alt=""></figure>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <div class="content">
                                        <div class="icon-box"><span class="flaticon-chimney"></span></div>
                                        <div class="text">Integer lobortisy consequat consequat imperdiet sed nulla sed viverra ut lorem.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h3><a href="residential-service.html">Residential Solutions</a></h3>
                    </div>
                </div>
                <!--Program Block-->
                <div class="program-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/main/2.jpg" alt=""></figure>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <div class="content">
                                        <div class="icon-box"><span class="flaticon-chimney"></span></div>
                                        <div class="text">Integer lobortisy consequat consequat imperdiet sed nulla sed viverra ut lorem.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h3><a href="commercial-service.html">Commercial solutions</a></h3>
                    </div>
                </div>
                
                <!--Program Block-->
                <div class="program-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/main/3.jpg" alt=""></figure>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <div class="content">
                                        <div class="icon-box"><span class="flaticon-chimney"></span></div>
                                        <div class="text">Integer lobortisy consequat consequat imperdiet sed nulla sed viverra ut lorem.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h3><a href="residential-service.html">Industrial Solution</a></h3>
                    </div>
                </div>
                <!--Program Block-->
               
                <!--Program Block-->
                <div class="program-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/main/4.jpg" alt=""></figure>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <div class="content">
                                        <div class="icon-box"><span class="flaticon-chimney"></span></div>
                                        <div class="text">Integer lobortisy consequat consequat imperdiet sed nulla sed viverra ut lorem.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h3><a href="thermal-service.html">Solar Thermal Systems</a></h3>
                    </div>
                </div>
                <!--Program Block-->
                <div class="program-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/main/1.jpg" alt=""></figure>
                            <div class="hover-box">
                                <div class="hover-inner">
                                    <div class="content">
                                        <div class="icon-box"><span class="flaticon-chimney"></span></div>
                                        <div class="text">Integer lobortisy consequat consequat imperdiet sed nulla sed viverra ut lorem.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h3><a href="residential-service.html">Residential EV Chargers</a></h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Services Section Three-->
    <section class="services-section-three">
       
<div class="circle-one1"></div>
        <div class="auto-container">
            <div class="sec-title bio-theme centered">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span> What We Do </div>
                <h2>Our Company Services</h2>
                
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>
            <div class="row clearfix">
                <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                           <img src="images/icons/icon-1.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">Short Circuit Repair</a></h3>
                                <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut </div>
                            </div>
                          
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>

                <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="500ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                           <img src="images/icons/icon-2.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">Faulty & Old Wiring</a></h3>
                               <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut </div>
                            </div>
                            
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>
				 <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="500ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                           <img src="images/icons/icon-6.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">Electricity Overuse</a></h3>
                                <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut </div>
                            </div>
                            
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row clearfix">
                <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                            <img src="images/icons/icon-3.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">Electricity Overuse</a></h3>
                                <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut </div>
                            </div>
                          
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>

                <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="500ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                            <img src="images/icons/icon-4.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">
Surge Protection</a></h3>
                                <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut</div>
                            </div>
                          
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>

                <!--Service Block Four-->
                <div class="service-block-four col-lg-4 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="1000ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="icon-box">
                            <img src="images/icons/icon-5.png" alt="current">
                        </div>
                        <div class="lower-box">
                            <div class="title">
                                <h3><a href="#">
Install A Ceiling Fan</a></h3>
                                <div class="subtitle">Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut</div>
                            </div>
                        </div>
                        <div class="link-box">
                            <a href="#"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        
    </section>

   <!--Call To Action Three-->
    <section class="call-to-action-three">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="title-column col-xl-7 col-lg-12 col-md-12">
                    <div class="inner wow fadeInLeft" data-wow-delay="0ms"  data-wow-duration="2000ms">
                        <h2>Call Us Get 24/7 Emergency</h2>
                    </div>
                </div>
                <div class="links-column col-xl-5 col-lg-12 col-md-12">
                    <div class="inner wow fadeInRight" data-wow-delay="0ms"  data-wow-duration="2000ms">
                        <div class="links-box">
                            <a href="contact.html" class="theme-btn btn-style-seven"><div class="btn-title"><span class="btn-txt">Energy Fueling</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
 <!--Recemnt Projects Section-->
    <section class="recent-projects-two">
        <div class="auto-container">
            <div class="sec-title hydro-theme">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>Latest Work We have Done</div>
                <h2>Recently Done Projects</h2>
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>
            <div class="mixit-gallery">
                <div class="filters clearfix">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="filter active" data-role="button" data-filter="all"><span class="txt">All Projects</span></li>
                        <li class="filter" data-role="button" data-filter=".construction"><span class="txt">Commercial</span></li>
                        <li class="filter" data-role="button" data-filter=".solar"><span class="txt">Construction</span></li>
                        <li class="filter" data-role="button" data-filter=".eco"><span class="txt">Repair</span></li>
                        <li class="filter" data-role="button" data-filter=".residential"><span class="txt">Residential</span></li>
                    </ul>                     
                </div>
                <div class="filter-list row clearfix">
                    <div class="project-block-two mix all eco residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/7.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/7.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
					<!--Project Block-->
                    <div class="project-block-two mix all eco residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/1.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/1.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all construction eco col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/2.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/2.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all solar residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/3.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/3.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all eco residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/4.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/4.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all construction solar eco residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/5.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/5.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all solar  residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/6.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/6.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all solar eco col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/7.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/7.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Project Block-->
                    <div class="project-block-two mix all construction residential col-xl-4 col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <div class="image">
                                    <img src="images/project/8.jpg" alt="">
                                </div>
                                <div class="overlay">
                                    <div class="over-inner">
                                        <div class="zoom-btn">
                                            <a href="images/project/8.jpg" class="lightbox-image" data-fancybox="project-gallery">
                                                <span class="fa fa-search-plus"></span>
                                            </a>
                                        </div>
                                        <div class="title">
                                            <h3><a href="#"> </a></h3>
                                        </div>
                                        <div class="cat">Construction</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </section>

    <!--Fun Facts Section-->
    <section class="fun-facts-section">
        <div class="bg-pattern-layer"></div>

        <div class="fact-counter">
            <div class="auto-container">

                <div class="row clearfix">
                    <!--Column-->
                    <div class="counter-column col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner">
                            <div class="icon-box"><img src="images/icons/d.png" alt="current"></div>
                            <div class="count-box"><span class="count-text" data-speed="1000" data-stop="199">0</span>+ </div>
                            <div class="counter-title">Building & New Home</div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="counter-column col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
                        <div class="inner">
                            <div class="icon-box"><img src="images/icons/f.png" alt="current"></div>
                            <div class="count-box"><span class="count-text" data-speed="2500" data-stop="350">0</span>+</div>
                            <div class="counter-title">Systems Installed</div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="counter-column col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
                        <div class="inner">
                            <div class="icon-box"><img src="images/icons/a.png" alt="current"></div>
                            <div class="count-box"><span class="count-text" data-speed="1000" data-stop="2.5">0</span>k Watt</div>
                            <div class="counter-title">Energy Financing Done</div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="counter-column col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="900ms">
                        <div class="inner no">
                            <div class="icon-box"><img src="images/icons/c.png" alt="current"></div>
                            <div class="count-box"><span class="count-text" data-speed="2500" data-stop="2700">0</span>+</div>
                            <div class="counter-title">Hours Of Inspection</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!--Team Section-->
    <section class="team-section">

        <div class="auto-container">
            <div class="title-box clearfix">
                <div class="sec-title fuel-theme">
                    <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>Our Projects</div>
					<h2>Dedicated Team Members</h2>
                    <div class="bottom-dots clearfix">
                        <span class="dot line-dot"></span>
                        <span class="dot"></span>
                        <span class="dot"></span>
                        <span class="dot"></span>
                    </div>
                </div>
               
            </div>

            <div class="row clearfix">
                
                <!--Team Block-->
                <div class="team-block col-lg-3 col-md-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0ms"  data-wow-duration="1500ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <div class="image"><a href="#"><img src="images/team/1.png" alt=""></a></div>
                            <div class="social-links">
                                <ul>
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="lower-box">
                            <h3><a href="#">Charles Henry</a></h3>
                            <div class="info">CEO  |  Founder</div>
                        </div>
                    </div>
                </div>

                <!--Team Block-->
                <div class="team-block col-lg-3 col-md-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="200ms"  data-wow-duration="1500ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <div class="image"><a href="#"><img src="images/team/2.png" alt=""></a></div>
                            <div class="social-links">
                                <ul>
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="lower-box">
                            <h3><a href="#">edward matthew</a></h3>
                            <div class="info">Marketing Manager</div>
                        </div>
                    </div>
                </div>

                <!--Team Block-->
                <div class="team-block col-lg-3 col-md-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="400ms"  data-wow-duration="1500ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <div class="image"><a href="#"><img src="images/team/3.png" alt=""></a></div>
                            <div class="social-links">
                                <ul>
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="lower-box">
                            <h3><a href="#">ben christopher</a></h3>
                            <div class="info">Senior Engineer</div>
                        </div>
                    </div>
                </div>

                <!--Team Block-->
                <div class="team-block col-lg-3 col-md-6 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="600ms"  data-wow-duration="1500ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <div class="image"><a href="#"><img src="images/team/4.png" alt=""></a></div>
                            <div class="social-links">
                                <ul>
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="lower-box">
                            <h3><a href="#">lindys thomas</a></h3>
                            <div class="info">Marketing Manager</div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>

    <!--Testimonial Section-->
    <section class="testimonial-section-two">
        <div class="auto-container">
          <div class="left_image1">
        	<div class="image">
            	<img src="images/main/service-left-icon.png" alt="">
            </div>
        </div>
		  <div class="sec-title centered bio-theme">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>Our Testimonials</div>
                <h2>Clients Testimonials</h2>
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>

            <div class="content-box">
                <div class="history-carousel strnix-carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 30, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 500, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "1" }, "768" :{ "items" : "1" }, "800":{ "items" : "1" }, "1024":{ "items" : "1" }}}'>
                    <!--Slide-->
                    <div class="slide-item">
                        <div class="inner">
                            <div class="testi-info">
                                <div class="testi-thumb">
                                    <img src="images/main/author-2.jpg" alt="">
                                </div>
                                <div class="info"><span>Shepa Thomas</span></div>
                                <div class="designation">Florida, USA</div>
                            </div>
                            <div class="content">
                                <div class="text">“They consistently do exemplary work each time they have been in our home.If you are looking for a company that is ethical then your search is over.Great service. They really helped me out when my heater went out. They made the service and payment very convenient for me. I highly recommend this company.”</div>
                            </div>
                        </div>
                    </div>
                    <!--Slide-->
                    <div class="slide-item">
                        <div class="inner">
                            <div class="testi-info">
                                <div class="testi-thumb">
                                    <img src="images/main/author-2.jpg" alt="">
                                </div>
                                <div class="info"><span>Shepa Thomas</span></div>
                                <div class="designation">Florida, USA</div>
                            </div>
                            <div class="content">
                                <div class="text">“They consistently do exemplary work each time they have been in our home.If you are looking for a company that is ethical then your search is over.Great service. They really helped me out when my heater went out. They made the service and payment very convenient for me. I highly recommend this company.”</div>
                            </div>
                        </div>
                    </div>
                    <!--Slide-->
                    <div class="slide-item">
                        <div class="inner">
                            <div class="testi-info">
                                <div class="testi-thumb">
                                    <img src="images/main/author-2.jpg" alt="">
                                </div>
                                <div class="info"><span>Shepa Thomas</span></div>
                                <div class="designation">Florida, USA</div>
                            </div>
                            <div class="content">
                                <div class="text">“They consistently do exemplary work each time they have been in our home.If you are looking for a company that is ethical then your search is over.Great service. They really helped me out when my heater went out. They made the service and payment very convenient for me. I highly recommend this company.”</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


    <!--Pricing Section-->
    <section class="pricing-section">
        <div class="auto-container">
           <div class="right-image2">
        	<div class="image">
            	<img src="images/main/b1.png" alt="">
            </div>
        </div>
		   <div class="tabs-box pricing-tabs">

                <div class="upper-row clearfix">
                    <!--Left Column-->
                    <div class="left-column">
                        <div class="sec-title">
                            <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>who are electman</div>
                            <h2>Pricing Structure</h2>
                            <div class="bottom-dots clearfix">
                                <span class="dot line-dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                            </div>
                        </div>
                    </div>
                    <!--Right Column-->
                    <div class="right-column">
                        <div class="buttons-box">
                            <ul class="tab-buttons clearfix">
                                <li class="tab-btn active-btn" data-tab="#tab-monthly">
                                    <span class="btn-title">Monthly</span>
                                </li>
                                <li class="tab-btn" data-tab="#tab-yearly">
                                    <span class="btn-title">Yearly</span>
                                </li>
                            </ul>
                        </div>
                     </div>
                </div>

                <!--Tabs Content-->
                <div class="tabs-content">
                    <!--Tab -->
                    <div class="tab active-tab" id="tab-monthly">
                        <div class="tab-inner">
                            <div class="row clearfix">
                                <!--Pricing Block-->
                                <div class="pricing-block col-lg-4 col-md-6 col-sm-12">
                                    <div class="block-inner">
                                        <div class="plan-header">
											<div class="icon-box"><img src="images/icons/a.png" alt="current"></div>
                                            <div class="plan-title"><h2>Residential Services</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">19.00</span>
                                                <span class="quantity">per Month</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                            <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Design-Build Services</li>
                                                <li><span class="icon flaticon-nature"></span>Supply and install Sensor light</li>
                                                <li><span class="blk icon flaticon-nature"></span>Lighting Fixtures</li>
												<li><span class="blk icon flaticon-nature"></span>Replace hot plates</li>
												<li><span class="blk icon flaticon-nature"></span>Switchboard Upgrade</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing Block-->
                                <div class="pricing-block popped col-lg-4 col-md-6 col-sm-12 featured">
                                    <div class="block-inner">
                                        <div class="plan-header">
                                            <div class="icon-box"><img src="images/icons/f.png" alt="current"></div>
                                            <div class="plan-title"><h2>Commercial Area</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">25.30</span>
                                                <span class="quantity">per Month</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                           <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
                                                <li><span class="icon flaticon-nature"></span>Data and Communications</li>
                                                <li><span class="icon flaticon-nature"></span>Replace hot plates</li>
												<li><span class="icon flaticon-nature"></span>Emergency Contracting Services</li>
												<li><span class="icon flaticon-nature"></span>Switchboard Upgrade</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing Block-->
                                <div class="pricing-block col-lg-4 col-md-6 col-sm-12">
                                    <div class="block-inner">
                                        <div class="plan-header">
                                            <div class="icon-box"><img src="images/icons/e.png" alt="current"></div>
                                            <div class="plan-title"><h2>Industrial Service</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">39.30</span>
                                                <span class="quantity">per Moth</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                            <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
                                                <li><span class="icon flaticon-nature"></span>Retrofits and Upgrades</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
												<li><span class="icon flaticon-nature"></span>Emergency Contracting Services</li>
												<li><span class="icon flaticon-nature"></span>Critical Installations</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
					 <div class="tab" id="tab-yearly">
                        <div class="tab-inner">
                            <div class="row clearfix">
                                <!--Pricing Block-->
                                <div class="pricing-block col-lg-4 col-md-6 col-sm-12">
                                    <div class="block-inner">
                                        <div class="plan-header">
											<div class="icon-box"><img src="images/icons/b.png" alt="current"></div>
                                            <div class="plan-title"><h2>Residential Services</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">199.00</span>
                                                <span class="quantity"> Yearly</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                            <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Design-Build Services</li>
                                                <li><span class="icon flaticon-nature"></span>Supply and install Sensor light</li>
                                                <li><span class="blk icon flaticon-nature"></span>Lighting Fixtures</li>
												<li><span class="blk icon flaticon-nature"></span>Replace hot plates</li>
												<li><span class="blk icon flaticon-nature"></span>Switchboard Upgrade</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing Block-->
                                <div class="pricing-block popped col-lg-4 col-md-6 col-sm-12">
                                    <div class="block-inner">
                                        <div class="plan-header">
                                            <div class="icon-box"><img src="images/icons/c.png" alt="current"></div>
                                            <div class="plan-title"><h2>Commercial Area</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">225.30</span>
                                                <span class="quantity">Yearly</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                           <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
                                                <li><span class="icon flaticon-nature"></span>Data and Communications</li>
                                                <li><span class="icon flaticon-nature"></span>Replace hot plates</li>
												<li><span class="icon flaticon-nature"></span>Emergency Contracting Services</li>
												<li><span class="icon flaticon-nature"></span>Switchboard Upgrade</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing Block-->
                                <div class="pricing-block col-lg-4 col-md-6 col-sm-12">
                                    <div class="block-inner">
                                        <div class="plan-header">
                                            <div class="icon-box"><img src="images/icons/e.png" alt="current"></div>
                                            <div class="plan-title"><h2>Industrial Service</h2></div>
                                        </div>
                                        <div class="plan-price">
                                            <div class="price">
                                                <span class="currency">$</span>
                                                <span class="amount">339.30</span>
                                                <span class="quantity">Yearly</span>
                                            </div>
                                        </div>
                                        <div class="features">
                                            <ul>
                                                <li><span class="icon flaticon-nature"></span>Annual A/C inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Annual electrical inspection</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
                                                <li><span class="icon flaticon-nature"></span>Retrofits and Upgrades</li>
                                                <li><span class="icon flaticon-nature"></span>Install double power outside</li>
												<li><span class="icon flaticon-nature"></span>Emergency Contracting Services</li>
												<li><span class="icon flaticon-nature"></span>Critical Installations</li>
                                            </ul>
                                        </div>
                                        <div class="links-box">
                                            <a href="contact.html" class="theme-btn btn-style-three"><div class="btn-title"><span class="btn-txt">Get Started</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>


    <!--Enquiry Section-->
    <section class="enquiry-section">
      
        <div class="auto-container">
            <div class="sec-title centered wow fadeInDown" data-wow-delay="0ms"  data-wow-duration="1000ms">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>who are electman</div>
                <h2>Get Free Consultation</h2>
                
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>

            <div class="content-box wow fadeInUp" data-wow-delay="0ms"  data-wow-duration="2000ms">
                <div class="lower-text">
                    <div class="sub-title">
                        <span class="txt">Or if you need quick assistance</span>
                    </div>
                    <div class="info">Call Us 24/7 For Customer Support At <span class="icon"></span> <a href="tel:(222)-303-4500">(222) 303 4500</a></div>
                </div>
            </div>

        </div>
    </section>


    <!--News Section-->
    <section class="news-section">
        <div class="auto-container">
            <div class="sec-title centered">
                <div class="upper-text"><span class="logo_bolt2"><img src="images/bolt.gif" alt="current"></span>electman is important</div>
                <h2>Latest Company News</h2>
                
                <div class="bottom-dots clearfix">
                    <span class="dot line-dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>

            <div class="row clearfix">
                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="0ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image">
                                <a href="blog-single.html"><img src="images/blog/b1.jpg" alt=""></a></figure>
                            <div class="post-date">
                                <span class="day">18</span><span class="month">Sep</span>
                            </div>
                        </div>
                        <div class="lower-box">
                            <div class="meta-info home_post">
							<a href="#"><span class="xnm fa fa-user"></span>By Admin</a> 
							<a href="#">
							<span class="xnm fa fa-comments"></span> 02 Comment</a></div>
							
							<h3><a href="blog-single.html">Commercial Renovation No Problem With Certified </a></h3>
							<div class="text_p">
							<p>Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut</p>
							</div>
                            
                            <div class="link-box">
                                <a href="blog-single.html"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="500ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image">
                                <a href="blog-single.html"><img src="images/blog/b2.jpg" alt=""></a></figure>
                            <div class="post-date">
                                <span class="day">10</span><span class="month">Sep</span>
                            </div>
                        </div>
                        <div class="lower-box">
                            <div class="meta-info home_post">
							<a href="#"><span class="xnm fa fa-user"></span>By Admin</a> 
							<a href="#">
							<span class="xnm fa fa-comments"></span> 02 Comment</a></div>
							
							<h3><a href="blog-single.html">Commercial Renovation No Problem With Certified </a></h3>
							<div class="text_p">
							<p>Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut</p>
							</div>
                            
                            <div class="link-box">
                                <a href="blog-single.html"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <!--News Block-->
                <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1000ms"  data-wow-duration="2000ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image">
                                <a href="blog-single.html"><img src="images/blog/b3.jpg" alt=""></a></figure>
                            <div class="post-date">
                                <span class="day">31</span><span class="month">Aug</span>
                            </div>
                        </div>
                        <div class="lower-box">
                            <div class="meta-info home_post">
							<a href="#"><span class="xnm fa fa-user"></span>By Admin</a> 
							<a href="#">
							<span class="xnm fa fa-comments"></span> 02 Comment</a></div>
							
							<h3><a href="blog-single.html">Commercial Renovation No Problem With Certified </a></h3>
							<div class="text_p">
							<p>Aliquam Era Volutpat. Integer Lobortis Sem Consequat Consequat Imperdiet. In Nulla Sed Viverra Ut</p>
							</div>
                            
                            <div class="link-box">
                                <a href="blog-single.html"><span class="txt">Read More</span> <span class="icon flaticon-arrows-11"></span></a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>
	
 <!-- Main Footer / Style Five-->
    <footer class="main-footer footer-style-five">

        <!--Widgets Section-->
        <div class="widgets-section">
            <div class="auto-container">
                <div class="row clearfix">
                    
                    <!--Column-->
                    <div class="footer-column col-lg-4 col-md-5 col-sm-12">
                        <div class="footer-widget about-widget">
                            <div class="footer-logo-box">
                                <a href="index.html" title="electman - Electrician HTML Template"><img src="images/logo2.png" alt="" title=""></a>
                            </div>
                            <div class="about-text">Integer lobortis sem consequat imperdiet In nulla viverra ut lorem ut, dapibus conse etur diam. Nun bibendum diet condiment sed ipsum duis lacinia.</div>
                            <div class="footer-social">
                                <ul class="footer-social-two clearfix">
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="big-column col-lg-5 col-md-7 col-sm-12">
                        <div class="row clearfix">
                            <!--Column-->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                                <div class="footer-widget links-widget">
                                    <div class="widget-title">
                                        <h3>Quick Links</h3>
                                    </div>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="#">About electman</a></li>
                                            <li><a href="#">News Blog</a></li>
                                            <li><a href="#">Careers</a></li>
                                            <li><a href="#">Case Studies</a></li>
                                            <li><a href="#">Meet Our Team</a></li>
                                            <li><a href="#">Testimonials</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Column-->
                            <div class="footer-column col-lg-6 col-md-6 col-sm-12">
                                <div class="footer-widget links-widget">
                                    <div class="widget-title">
                                        <h3>Our Services</h3>
                                    </div>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="#">Installation & Monitoring</a></li>
                                            <li><a href="#">After Sales Service</a></li>
                                            <li><a href="#">Free Replacemrnt</a></li>
                                            <li><a href="#">Warrenty Claims</a></li>
                                            <li><a href="#">Energy Equipments</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--Column-->
                    <div class="footer-column col-lg-3 col-md-12 col-sm-12">
                        <div class="footer-widget gallery-widget">
                            <div class="widget-title">
                                <h3>Contact Us</h3>
                            </div>
                            <div class="info">
                                <!--Info Block-->
                                <div class="info-block">
                                    <div class="icon-box">
                                        <span class="icon">
                                            <img src="images/icons/icon-message-1.png" alt="">
                                        </span>
                                    </div>
                                    <strong>Visit The Office</strong>
                                    <div class="info-text">102 Taily End Rd, NY</div>
                                </div>
                                <!--Info Block-->
                                <div class="info-block">
                                    <div class="icon-box">
                                        <span class="icon">
                                            <img src="images/icons/icon-call-1.png" alt="">
                                        </span>
                                    </div>
                                    <strong>Phone Inquiry</strong>
                                    <div class="info-text">
                                        <a href="tel:(222)-303-4500">(222) 303 4500</a>
                                    </div>
                                </div>
                                <!--Info Block-->
                                <div class="info-block">
                                    <div class="icon-box">
                                        <span class="icon">
                                            <img src="images/icons/icon-mail-1.png" alt="">
                                        </span>
                                    </div>
                                    <strong>Send Email</strong>
                                    <div class="info-text">
                                        <a href="mailto:info@domain.com">info@domain.com</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
					
					
                    
                </div>
				<div class="nav-box clearfix">
                	<div class="inner clearfix">
                    	<ul class="footer-nav clearfix">
                        	<li><a href="#">Home</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Service</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                        
						<div class="footer_bttn">
                            <a href="contact.html" class="theme-btn btn-style-seven"><div class="btn-title"><span class="btn-txt">Contact Us</span><span class="btn-icon"><span class="icon flaticon-arrows-11"></span> </span></div></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div class="auto-container">

                <div class="inner clearfix">
                    <!--Scroll to top-->
                    <div class="scroll-top-footer scroll-to-target" data-target="html"><span class="flaticon-arrows"></span></div>
                    <!--Copyright-->
                    <div class="copyright">Copyright (c) 2020. All rights <a href="http://www.bootstrapmb.com" title="">reserved</a>.</div>
                    <div class="footer-nav">
                        <ul class="clearfix">
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Sitemap</a></li>
                            <li><a href="#">Terms & Conditions</a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
        
    </footer>


</div>
<!--End pagewrapper-->

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/appear.js"></script>
<script src="js/wow.js"></script>
<script src="js/scrollbar.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/paroller.js"></script>
<script src="js/element-in-view.js"></script><script src="js/custom-script.js"></script>

</body>
</html>